<!DOCTYPE HTML>
<html lang="vn">
<head>
<meta charset="UTF-8">
<title> Vi Tính Thành Sơn</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/960.css">
<link rel="stylesheet" href="css/vtts_style.css">
</head>
<body>
<div id="mainwrap" class="container_16 clearfix">
	<div id="hfwrap">
    	<div id="hfwrap2">
        	<div id="hfwrap3">
                <div id="lnwrap">    
					
                    <header id="main-header" class="container_16 clearfix">
						<div id="top" class="container_16 clearfix"></div><!-- top-->
                        <div id="logo" class="grid_4 suffix_1"></div> <!-- end divlogo-->
						<div id="slash" class="grid_11">
						<!-- <img src="images/0-ballon-2.png"></img>-->
							<div id="ballon1" class="grid_3 suffix_5"></div>
							<div id="ballon2" class="grid_2 "></div>
						</div><!--slash-->
                    </header>
					
					<nav id="main-nav" class="container_16 clearfix">
							<a class="grid_2 "href="#">Trang Chủ</a> <div class="vert-sep"></div>
							<a class="grid_2 "href="#">Laptop</a> <div class="vert-sep"></div>
							<a class="grid_2 "href="#">Máy in</a> <div class="vert-sep"></div>
							<a class="grid_2 "href="#">Máy bộ</a> <div class="vert-sep"></div>
							<a class="grid_2" href="#">Linh kiện</a> <div class="vert-sep"></div>
							<a class="grid_2 "href="#">Liên hệ</a> 
                    </nav>
                </div><!--lnwrap-->
                        
                <section id="featured" class="container_16 clearfix">
                    <div id="descrp" class="grid_16">                            
                    </div><!--#descrp-->   
                </section>
            </div><!--#hfwrap3-->
        </div><!--hfwrap2-->
    </div><!--hfwrap-->
	<div id="breadcrumbs" class="cotainer_16 clearfix"> <a href="#"> Trang Chủ</a></div><!--breadcrumbs-->
	<div id="main-content" class="container_16 clearfix">
		<div id="left-aside" class="grid_4">
			<figure id="search-aside" class="main-content-nav" >
				<figcaption>Tìm kiếm sản phẩm</figcaption>
					<span class="searchtype" >Tên Sp: </span> <select> <option> Select values..</option> </select>
					<span class="searchtype">Loại Sp: </span> <select> <option> Select values..</option> </select>
					<span class="searchtype">Hãng Sx: </span> <select> <option> Select values..</option> </select>
					<span class="searchtype">Giá từ: </span> <select> <option> Select values..</option> </select>
					<span class="searchtype">Đến: </span> <select> <option> Select values..</option> </select>
					<input type='button' id="btnSearch" class="button" name="productsearch" value="TÌM KIẾM">  </button>
				</figure> <!--search-aside-->
			<nav id="left-nav-aside" class="main-content-nav">Danh mục sản phẩm
				<ul>
					<li><a>Sp 1</a></i>
					<li><a>Sp 1</a></i>
					<li><a>Sp 1</a></i>
					<li><a>Sp 1</a></i>
					<li><a>Sp 1</a></i>
				</ul>
			</nav><!--left-nav-aside-->
		</div><!--left-aside-->
		<div id="content" class="grid_12">
			<nav id="hor-nav" class="main-content-rnav grid_12">
				<a id="newproduct" class="grid_4 " href="#">Mới nhất</a><div class="vert-sep"></div>
				<a id="saleoffproduct" class="grid_4 " href="#">Khuyến mãi</a><div class="vert-sep"></div>
				<a id="bestsellproduct" class="grid_4 " href="#">Bán chạy nhất</a> 
			</nav><!--content-nav-->
			<div id="content-product-infor" class="grid_12 clearfix">
			</div>
			<section id="content-product" class="grid_12">
				<div class="product grid_3">
					<figure>
						<img src="images/4-product.png"/>
						<figcaption>
							<h3>Maecenas eu felis non elit eges</h3>
							<p>Suspendisse arcu nunc, dapibus viverra, eleifend at, posuere vitae, orci. Aliquam tempus dui sit amet odio. Morbi viverra leo eu purus. Phasellus nec ligula. Duis at erat. Donec sodales. <a href="#">More...</a></p>
						</figcaption>            
					</figure>        
				</div>
				<div class="product grid_3">
					<figure>
						<img src="images/4-product.png"/>
						<figcaption>
							Giá:
							<a href="#">Chi Tiết</a>
						</figcaption>            
					</figure>        
				</div>
								<div class="product grid_3">
					<figure>
						<img src="images/4-product.png"/>
						<figcaption>
							<h3>Maecenas eu felis non elit eges</h3>
							<p>Suspendisse arcu nunc, dapibus viverra, eleifend at, posuere vitae, orci. Aliquam tempus dui sit amet odio. Morbi viverra leo eu purus. Phasellus nec ligula. Duis at erat. Donec sodales. <a href="#">More...</a></p>
						</figcaption>            
					</figure>        
				</div>
								<div class="product grid_3">
					<figure>
						<img src="images/4-product.png"/>
						<figcaption>
							<h3>Maecenas eu felis non elit eges</h3>
							<p>Suspendisse arcu nunc, dapibus viverra, eleifend at, posuere vitae, orci. Aliquam tempus dui sit amet odio. Morbi viverra leo eu purus. Phasellus nec ligula. Duis at erat. Donec sodales. <a href="#">More...</a></p>
						</figcaption>            
					</figure>        
				</div>
				
			</section><!--content-product-->
		</div><!--content-->
	</div><!--main-content-->
</div><!--mainwrap-->
</body>
</html>